<template>
    <div>
        <defineModel v-model="title" :start="false" />

        <selectTree />

        <div class="editTree">
            <editTree />
        </div>

        <selectTag />

    </div>
</template>

<script>
import defineModel from "@/components/defineModel"
import selectTree from "@/components/selectTree.vue"
import editTree from "@/components/editTree.vue"
import selectTag from "@/components/selectTag.vue"
export default {
    components: {
        defineModel,
        selectTree,
        editTree,
        selectTag
    },
    data() {
        return {
            title: ''
        }
    },
    watch: {
        title() {
            console.log("-------------------")
            console.log(this.title);

        }
    }


}
</script>

<style lang="scss" scoped>
.editTree{
    width:400px;
    border:1px solid black;
    padding:10px;
}
</style>